﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
      <meta name="viewport" content="width=device-width, initial-scale=1" />

    <link href="Themes/Styles/jquery.mobile-1.0.1.min.css" rel="stylesheet" type="text/css" />
    <link href="Themes/Styles/jquery.mobile.simpledialog.min.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mobile-1.0.1.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mobile.message.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mobile.simpledialog.js" type="text/javascript"></script>
    <script src="Scripts/H2m.js" type="text/javascript"></script>
     
     
     
</head>
<body>
<div data-role="page" data-theme="a" id="homePage">

 <script type="text/javascript">
     $("#homePage").bind("pageinit", function () {
         HandleEventsHomePage();


     });
    </script>

        <div data-role="header">
            <h1>Welcome to NGV</h1>
        </div>
        <!-- /header -->
        <div data-role="content">
            <div data-role="navbar"  data-inset="true" id="navbar" style="width: 100%; text-align:center">
                <ul>
                    <li><a href="#" class="ui-btn-active" data-tab-class="tabServices">Services</a></li>
                    <li><a href="#" data-tab-class="tabHistory">History</a></li>
                    <li><a href="#" data-tab-class="tabAccount">Account</a></li>
                </ul>
            </div>
            <div class="tab-content" style="width: 100%; text-align:center">
                <div class="tabServices" >
                    <div  > 
                        <ul    id="servicesList" data-role="listview" data-inset="true" > 


                        </ul> 
                    </div> 
                </div>
                <div class="tabHistory ui-screen-hidden">
                    <div>
                         <ul id="itemHistoryListView" data-inset="true" data-role="listview" data-split-theme="a" data-theme="a" data-icon="arrow-r" >
                        
                    </ul> 
                    </div>
                </div>
                <div class="tabAccount ui-screen-hidden">
                    <div>
                         
                    <div>
                        <label for="name">
                            Project:</label>
                        <input type="text" name="txtHomePgProject" id="txtHomePgProject" value="" disabled="true"   />
                    </div>
                    <div>
                        <label for="url">
                            Email:*</label>
                        <input id="txtHomePgEmail"  type="password" data-theme="b" value="">
                    </div>
                    <div>
                        <label for="password">
                            Password:*</label>
                        <input class="required" id="txtHomePgPassword" name="uid_r" type="password" data-theme="b" value="">
                    </div>
                    <div>
                        <label for="Name">
                            Name:*</label>
                        <input id="txtHomePgName" name="txtHomePgName" type="password" data-theme="b" value="">
                    </div>
                    <div>
                        <label for="Block">
                            Block:*</label>
                        <select name="selectBlock" id="txtHomePgBlock">
                        </select>
                    </div>
                    <div>
                        <label for="Door">
                            Door:*</label>
                        <input id="txtHomePgDoor" type="password" data-theme="b" value="">
                    </div>
                    <div>
                        <label for="Phone">
                            Phone:*</label>
                        <input id="txtHomePgPhone" type="password" data-theme="b" value="">
                    </div>
                    <div>
                        <label for="Secondary">
                            Secondary Phone:*</label>
                        <input id="txtHomePgSecondary"  type="password" data-theme="b" value="">
                    </div>
                     <a id="updateButton" data-role="button" data-mini="true" data-theme="b">Update</a> 
                
                    </div>
                </div>
            </div>
        </div>
        <!-- /content -->
    </div>
    <!-- /page -->
</body>
</html>
